<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>投诉登记</title>
		<script type="text/javascript" src="../js/jquery-2.1.4.min.js"></script>
		<script type="text/javascript" src="../bootstrap/js/bootstrap.min.js"></script>
		<link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css" />
		<script type="text/javascript" src="../layui/layui.js"></script>
		<style type="text/css">
			thead th {
				text-align: center
			}
		</style>
	</head>
	<body>
		<div class="container" style="width: 100%;padding: 25px 15px;">
			<div class="row clearfix">
				<div class="col-md-12 column" style="padding: 20px;">
					<div style="margin:0 auto;width:200px;text-align: center;" >
						<h3 style="color:red">投诉登记</h3>
					</div>
					<div style="float:left;width:150px;text-align: center;" >
						<h4 ><button class="btn" onclick="myComplaint()">我的投诉历史</button></h4>
					</div>
					<table class="table table-bordered" style="margin-top: 20px;text-align: center">
						<thead style="text-align: center">
							<tr class="success" style="text-align: center">
								<th>客户名称</th>
								<th>货运单编号</th>
								<th>投诉内容</th>
								<th style="width:90px;">操作</th>
							</tr>
						</thead>
						<tbody id="content">
							<tr>
								<th style="width:90px;vertical-align:middle;text-align:center" id="customer"></th>
								<th style="width:500px;">
									<div style="float:left;width:380px">
										<select   onchange="details()"id="goodsBillCode" class="form-control">
											<option  value="">请选择</option>
											<!-- <option  value="111">11</option>
											<option  value="222">22</option> -->
										</select>
									</div>
									<div style="float:left;width: 100px">
										<!-- 按钮：用于打开模态框 -->
										<button type="button" class="btn btn-primary form-control" data-toggle="modal" data-target="#myModal">
											查看详情
										</button>
										<!-- 模态框 -->
										<div class="modal fade" id="myModal">
											<div class="modal-dialog modal-lg" style="width:1200px;">
												<div class="modal-content">
													<!-- 模态框头部 -->
													<div class="modal-header">
														<h4 class="modal-title" style="text-align:center">货运详情</h4>
														<button type="button" class="close" data-dismiss="modal">&times;</button>
													</div>

													<!-- 模态框主体 -->
													<div class="modal-body">
														<table class="table table-bordered" style="margin-top: 20px;text-align: center"  id="details">
															<thead style="text-align: center">
																<tr class="success" style="text-align: center">
																	<th>未选择货运单号</th>
																</tr>
															</thead>
														</table>
													</div>
													<!-- 模态框底部 -->
													<div class="modal-footer">
														<button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
													</div>

												</div>
											</div>
										</div>
									</div>

								</th>
								<th><input class="form-control" type="text" name="" id="appealContent" placeholder="请输入投诉意见" /></th>
								<th><input style="text-align:center" class="btn" type="button" value="确认投诉" id="insert" /></th>
							</tr>
						</tbody>
					</table>
					<!-- 查看我的投诉历史 -->
					<table id="myComplaint" class="table table-bordered" style="margin-top: 100px;text-align: center">
					</table>
				</div>
			</div>
		</div>
	</body>




	<script type="text/javascript" src="../js/complaintInformation_insert.js"></script>
</html>
<!-- if($.trim(msg)){} -->
